<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <header>
        <div class="container clearfix">
            <nav>
                <h1>better</h1>
                <div class="nav">
                    <a href="" class="navbar">首页<span></span></a>
                    <a href="">产品中心</a>
                    <a href="">企业新闻</a>
                    <a href="">联系我们</a>
                </div>
            </nav>
        </div>
        <div class="banner">
            <img src="img/b03.jpg" alt="">
        </div>
    </header>
    <section>
        <div class="container clearfix">
            <aside class="clearfix">
                <div class="left clearfix">
                    <div class="left-all">
                        <img src="img/aside1.png" alt="">
                        <div class="l-a-txt">
                            <p>Oculus联合创始人黯然离场，是被小米前高管"挤出"了</p>
                            <p>2018-06-16</p>
                        </div>
                    </div>
                </div>
                <div class="left clearfix">
                    <div class="left-all">
                        <img src="img/aside2.png" alt="">
                        <div class="l-a-txt">
                            <p>华为营收5216亿元，同比增长32%,顺便卖了1.39亿部手机</p>
                            <p>2018-06-16</p>
                        </div>
                    </div>
                </div>
                <div class="left clearfix">
                    <div class="left-all">
                        <img src="img/aside3.png" alt="">
                        <div class="l-a-txt">
                            <p>车与出行百度申请在北京路试无人车，但这并不意味着无人车未</p>
                            <p>2018-06-16</p>
                        </div>
                    </div>
                </div>
                <div class="left clearfix">
                    <div class="left-all">
                        <img src="img/aside4.png" alt="">
                        <div class="l-a-txt">
                            <p>20分钟没了300亿，最大港股塌方背后疑点重重</p>
                            <p>2018-06-16</p>
                        </div>
                    </div>
                </div>
                <div class="left clearfix">
                    <div class="left-all">
                        <img src="img/aside5.png" alt="">
                        <div class="l-a-txt">
                            <p>礼物说裁员引争议，触宝CEO王家梁：别把粗暴裁员当个性</p>
                            <p>2018-06-16</p>
                        </div>
                    </div>
                </div>
                <div class="left clearfix">
                    <div class="left-all">
                        <img src="img/aside6.png" alt="">
                        <div class="l-a-txt">
                            <p>下线聊天文件功能，微信这是闷声作大死？</p>
                            <p>2018-06-16</p>
                        </div>
                    </div>
                </div>

            </aside>
            <article>
                <div class="rig-title">
                    <div class="title">
                        <a href="">better</a>
                        <div class="title-txt">
                            <h2>天猫总裁靖捷：线上线下全面打通天猫将整体升级</h2>
                            <p>"真正新零销售的未来场景都在天猫上。新零售正在全面爆发，未来的手机天猫APP将从满足需求进入到创造需求的阶段，线下百万雄师都被数字化。"靖捷说说。</p>
                        </div>
                    </div>
                </div>
                <div class="rig-list">
                    <h3>产品列表展示</h3>
                    <div class="r-l-all">
                        <div class="r-l-all-1">
                            <img src="img/article1.png" alt="">
                            <div class="r-a-txt">
                                <p>韩版高腰半身裙夏中长款a字裙子女流苏毛边</p>
                                <p>&yen;89</p>
                            </div>
                        </div>
                    </div>
                    <div class="r-l-all">
                        <div class="r-l-all-2">
                            <img src="img/article2.png" alt="">
                            <div class="r-a-txt">
                                <p>韩版女装夏装牛仔A字裙子</p>
                                <p>&yen;89</p>
                            </div>
                        </div>
                    </div>
                    <div class="r-l-all">
                        <div class="r-l-all-3">
                            <img src="img/article3.png" alt="">
                            <div class="r-a-txt">
                                <p>女装夏装新款显瘦A字裙裤短裤牛仔裤</p>
                                <p>&yen;129</p>
                            </div>
                        </div>
                    </div>
                    <div class="r-l-all4">
                        <div class="r-l-all-4">
                            <img src="img/article4.png" alt="">
                            <div class="r-a-txt">
                                <p>显瘦牛仔裙半身裙短新款潮裙女夏韩版学生高腰a字裙</p>
                                <p>&yen;79</p>
                            </div>
                        </div>
                    </div>
                    <div class="r-l-all">
                        <div class="r-l-all-5">
                            <img src="img/article5.png" alt="">
                            <div class="r-a-txt">
                                <p>收腰牛仔连衣裙a字牛仔裙女学生短裙裙子</p>
                                <p>&yen;339</p>
                            </div>
                        </div>
                    </div>
                    <div class="r-l-all">
                        <div class="r-l-all-6">
                            <img src="img/article6.png" alt="">
                            <div class="r-a-txt">
                                <p>修身长袖牛仔连衣裙女</p>
                                <p>&yen;338</p>
                            </div>
                        </div>
                    </div>
                    <div class="r-l-all">
                        <div class="r-l-all-7">
                            <img src="img/article7.png" alt="">
                            <div class="r-a-txt">
                                <p>瘦高腰牛仔半身裙夏a字</p>
                                <p>&yen;158</p>
                            </div>
                        </div>
                    </div>
                    <div class="r-l-all8">
                        <div class="r-l-all-8">
                            <img src="img/article8.png" alt="">
                            <div class="r-a-txt">
                                <p>中长款竖条纹半身裙百搭宽松长裙A字裙</p>
                                <p>&yen;399</p>
                            </div>
                        </div>
                    </div>

                </div>
            </article>
        </div>
    </section>
    <footer>
        <p>&copy;2018版权所有better</p>
        <a href="top"><img src="img/down-top.png" alt=""></a>
    </footer>
</body>
</html>